<template>
  <div class="wrap-box padlr320 flex-center">
    <div class="content-box w-419 flex-col flex-center">
        <el-image
            style="width: 60px; height: 60px"
            :src="getAssetsImages('success-icon')"
        />
        <div class="content-tit mar-t20">服务订单提交成功</div>
        <div class="content-tips mar-t20">您已购买(国内商标注册-普通注册]、(国内商标注册-无忧注册] 服务 XX天内将会有工作人员联系(联系人姓名]</div>
        <div class="content-btn mar-t40">
            查看我的订单 3s
        </div>
    </div>
  </div>
</template>

<script setup>
/**
 * 订单支付成功
*/
console.log(useRoute(), "---useRoute");
console.log(useRouter(), "---useRouter");
const getAssetsImages = (name) => {
  return new URL(`/src/assets/serviceImgs/${name}.png`, import.meta.url).href;
};
</script>

<style lang="scss" scoped>
.content-box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    .content-tit {
        font-size: 20px;
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: Semibold;
        text-align: center;
        color: #202020;
    }
    .content-tips {
        font-size: 14px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: Regular;
        text-align: center;
        color: #646770;
        line-height: 28px;
    }
    .content-btn {
        width: 180px;
        height: 40px;
        border: 1px solid #0052d9;
        border-radius: 2px;
        font-size: 16px;
        font-family: PingFang TC, PingFang TC-Regular;
        font-weight: Regular;
        text-align: center;
        color: #0052d9;
        line-height: 40px;
        text-align: center;
    }
}
</style>